<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template.xhtml">        
        <ui:define name="title">
            <h:outputText value="#{despacho.NuevoDespacho}"></h:outputText>
        </ui:define>
        <ui:define name="body">            
            <p:growl id="growl" showDetail="true" />
            <h:form id="frmCrearDespacho" enctype="multipart/form-data" style="font-size: small">                
                <p:panel style="background: white" header="Nuevo Despacho">
                    <table width="100%" border="0" style="font-size: small">
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtRuc" value="#{despacho.RUC}"/>
                            </th>
                            <td width="200px" align="left">
                                <p:inputText id="txtRuc" value="#{despachoController.selected.ruc}" title="#{despacho.RUC}" required="true" requiredMessage="#{despacho.CampoRUC}" size="30"/>
                            </td>
                            <td  align="left">
                                <p:message for="txtRuc" />
                            </td>
                            <td rowspan="10">
                                <div align="right">
                                    <p:graphicImage width="400" height="300" url="../img/ico/socio/nuevo.png"/>                                                                  
                                </div>
                            </td>                            
                        </tr>
                        <tr>
                            <th  align="right" scope="row">
                                <p:outputLabel for="txtNombres" value="#{despacho.Nombres}"/>
                            </th>
                            <td  align="left">
                                <p:inputText id="txtNombres" value="#{despachoController.selected.nombres}" title="#{despacho.Nombres}" required="true" requiredMessage="#{despacho.CampoNombres}" size="30"/>
                            </td>
                            <td>
                                <p:message for="txtNombres" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtApellidos" value="#{despacho.Apellidos}"/>
                            </th>
                            <td align="left">
                                <p:inputText id="txtApellidos" value="#{despachoController.selected.apellidos}" title="#{despacho.Apellidos}" required="true" requiredMessage="#{despacho.CampoApellidos}" size="30"/>
                            </td>
                            <td>
                                <p:message for="txtApellidos" />
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtDireccion" value="#{despacho.Direccion}"/>
                            </th>
                            <td align="left">
                                <p:inputText id="txtDireccion" value="#{despachoController.selected.direccion}" title="#{despacho.Direccion}" size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtTelefono" value="#{despacho.Telefono}"/>
                            </th>
                            <td align="left">
                                <p:inputText id="txtTelefono" value="#{despachoController.selected.telefono}" title="#{despacho.Telefono}"  size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel for="txtCorreo" value="#{despacho.Correo}"/></th>
                            <td align="left">
                                <p:inputText id="txtCorreo" value="#{despachoController.selected.email}" title="#{despacho.Correo}" size="30"/>
                            </td>
                        </tr>
                        <tr>
                            <th align="right" scope="row">
                                <p:outputLabel value="#{despacho.Foto}"/>
                            </th>
                            <td align="left">
                                <p:fileUpload style="width: 90px" value="#{despachoController.selected.file}" mode="simple" />
                            </td>
                        </tr>
                        <tr>                                
                            <th align="center" colspan="2" scope="row">
                                <p:commandButton ajax="false" action="#{despachoController.crearDespacho()}" value="Guardar"/>
                            </th>
                        </tr>                                       
                    </table>   
                    <div style="font-size: small" align="right">
                        * Campos Obligatorios
                    </div>
                    <div align="left" style="font-size: small">                        
                        <h:link outcome="Index" value="#{despacho.RegresarIndex}" />
                    </div>     
                </p:panel>                             
            </h:form>
        </ui:define>
    </ui:composition>
</html>

